<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电子商城首页</title>
    <!--引入样式-->
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">

    <!-- 引入轮播插件的样式 -->
    <link rel="stylesheet" href="../lib/plugins/slider/css/slider.css">
    <!--引入当前文件样式-->
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <!--头部head-->
    <section id="head" class="head">
        <div id="headTop" class="head-top">
            <div class="head-top-text container">
                <img src="../imgs/logo.jpg" alt="">
                <span>legochina.cn</span>
                <span class="fr">欢迎光临乐购，请 <a href="">登陆</a>\<a href="">注册</a></span>
            </div>
        </div>
        <div class="head-bom container clearfix">
           
            <div class="fr clearfix">
                <input type="text" placeholder="创意文具"><button></button>
                <p class="cart"><span>&emsp;购物车</span></p>
                <p>我的订单</p>
            </div>
            <ul class="nav fr">
                <li>图书</li>
                <li>电子书</li>
                <li>原创文学</li>
                <li>服装</li>
                <li>运动户外</li>
                <li>孕婴童</li>
                <li>家居</li>
                <li>创意文具</li>
                <li>地方特产</li>
                <li>海外购</li>
                <li>电器城</li>
            </ul>
        </div>
    </section>
    <!--导航分类 categoryBanner-->
    <section id="categoryBanner" class="categoryBanner container clearfix">


        <ul class="category fl">
            <li class="category-item">
                <p class="link-wrap"> <a class="category-link" href="">图书</a>、
                    <a class="category-link" href="">电子书</a>、
                    <a class="category-link" href="">童书</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">创意文具</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">服饰</a>、
                    <a class="category-link" href="">内衣</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">鞋靴</a>、
                    <a class="category-link" href="">箱包</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">运动户外</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href=""> 孕</a>、
                    <a class="category-link" href=""> 婴</a>、
                    <a class="category-link" href=""> 童</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">家居</a>、
                    <a class="category-link" href="">家纺</a>、
                    <a class="category-link" href="">汽车</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">家具</a>、
                    <a class="category-link" href="">家装</a>、
                    <a class="category-link" href="">康体</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">美妆</a>、
                    <a class="category-link" href="">个人护理</a>、
                    <a class="category-link" href="">成人</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">食品</a>、
                    <a class="category-link" href="">茶酒</a>、
                    <a class="category-link" href="">生鲜</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">腕表</a>、
                    <a class="category-link" href="">珠宝</a>、
                    <a class="category-link" href="">眼镜</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">手机</a>、
                    <a class="category-link" href="">数码</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">电脑办公</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>
            <li class="category-item">
                <p class="link-wrap">
                    <a class="category-link" href="">家用电器</a>
                </p>
                <div class="menu">
                    <p class="title">文艺</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                    </p>
                    <p class="title">人文社科</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>历史</span>
                        <span>法律</span>
                        <span>文化</span>
                    </p>
                    <p class="title">管理</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">励志</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                        <span>文化</span>

                    </p>
                    <p class="title">教育</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                    <p class="title">科技</p>
                    <p class="text">
                        <span>小说</span>
                        <span>文学</span>
                        <span>传记</span>
                        <span>青春</span>
                        <span>动漫</span>
                        <span>艺术</span>
                        <span>摄影</span>
                        <span>明星</span>
                        <span>心理学</span>
                        <span>法律</span>
                    </p>
                </div>
            </li>


        </ul>

        <div class="pptbox banner fr" id="banner">
            <ul class="innerwrapper">
                <li>
                    <a href="#">
                        <img src=" ../lib/plugins/slider/imgs/banner1.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../lib/plugins/slider/imgs/banner2.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../lib/plugins/slider/imgs/banner3.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../lib/plugins/slider/imgs/banner4.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../lib/plugins/slider/imgs/banner5.jpg" />
                    </a>
                </li>
            </ul>
            <!-- 下边的小圆圈 -->
            <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
            </ul>
            <!-- 左右箭头 -->
            <span class="btnleft"></span>
            <span class="btnright"></span>
        </div>
    </section>
  
    <!--页尾 footer-->
    <section id="footer" class="footer">
        <div class="footer-top">
            <ul class="after-service clearfix container">
                <li class="after-service-text fl">
                    <a href=""><img src="../imgs/222_11.png" alt=""></a>
                </li>
                <li class="after-service-text fl">
                    <a href=""><img src="../imgs/222_13(1).png" alt=""></a>
                </li>
                <li class="after-service-text fl">
                    <a href=""><img src="../imgs/222_15.png" alt=""></a>
                </li>
                <li class="after-service-text fl">
                    <a href=""><img src="../imgs/222_17.png" alt=""></a>
                </li>
            </ul>

        </div>
        <div class="footer-bom container clearfix">
            <ul>
                
                <li class="footer-bom-list fl">
                    <p class="footer-bom-nav">购物指南</p>
                    <a class="footer-bom-link" href="">购物流程</a><br>
                    <a class="footer-bom-link" href="">发票制度 </a><br>   
                    <a class="footer-bom-link" href="">账户管理</a><br>
                    <a class="footer-bom-link" href=""> 会员优惠</a>
                </li>
                
                <li class="footer-bom-list fl">
                    <p class="footer-bom-nav">支付方式</p>
                    <a class="footer-bom-link" href="">货到付款</a><br>
                    <a class="footer-bom-link" href="">网上支付</a><br>   
                    <a class="footer-bom-link" href="">礼品卡支付</a><br>
                    <a class="footer-bom-link" href="">银行转帐</a>
                </li>
                <li class="footer-bom-list fl">
                    <p class="footer-bom-nav">订单服务</p>
                    <a class="footer-bom-link" href="">订单配送查询</a><br>
                    <a class="footer-bom-link" href="">订单状态说明</a><br>   
                    <a class="footer-bom-link" href="">自助取消订单</a><br>
                    <a class="footer-bom-link" href="">自助修改订单</a>
                </li>
                <li class="footer-bom-list fl">
                    <p class="footer-bom-nav">退换货</p>
                    <a class="footer-bom-link" href="">退换货政策</a><br>
                    <a class="footer-bom-link" href="">自助申请退换货</a><br>   
                    <a class="footer-bom-link" href="">退换货进度查询</a><br>
                    <a class="footer-bom-link" href="">退款方式和时间</a>
                </li>
                <li class="footer-bom-list fl">
                    <p class="footer-bom-nav">"商家服务</p>
                    <a class="footer-bom-link" href="">商家中心</a><br>
                    <a class="footer-bom-link" href=""> 运营服务</a><br>   
                    <a class="footer-bom-link" href="">加入尾品汇</a>  
                </li>
               
                    
                
                

            </ul>
            <img class="fr" src="../imgs/logo_00.png" alt="">
        </div>
        <p class="footer-list  container">
            <a class="footer-link" href="">  公司简介  |</a>
            <a class="footer-link" href="">  Investor Relations  | </a>
            <a class="footer-link" href="">  网站联盟  |</a>
            <a class="footer-link" href="">  乐购招商  |</a>
            <a class="footer-link" href="">  机构销售  |</a>
            <a class="footer-link" href="">  手机乐购  |</a>
            <a class="footer-link" href="">  官方Blog   |</a>
            <a class="footer-link" href="">  热词搜索</a>
        </p>
        <p class="license">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
    </section>
    <!--引入轮播插件  注意要先引入jQuery库-->
    <script src="../lib/plugins/slider/lib/jquery.min.js"></script>
    <script src="../lib/plugins/slider/lib/jquery.slidebox.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>